<!DOCTYPE html>
<html>
	<head>
		<title>chart created with amCharts | amCharts</title>
		<meta name="description" content="chart created using amCharts live editor" />
		
		<!-- amCharts javascript sources -->
		<script type="text/javascript" src="https://www.amcharts.com/lib/3/amcharts.js"></script>
		<script type="text/javascript" src="https://cdn.amcharts.com/lib/3/serial.js"></script>
		

		<!-- amCharts javascript code -->
		<script type="text/javascript">
			AmCharts.makeChart("chartdiv",
				{
					"type": "serial",
					"categoryField": "Country Name",
					"dataDateFormat": "YYYY",
					"handDrawThickness": 2,
					"theme": "default",
					"categoryAxis": {
						"minPeriod": "YYYY",
						"parseDates": true
					},
					"chartCursor": {
						"enabled": true,
						"animationDuration": 0,
						"categoryBalloonDateFormat": "YYYY"
					},
					"chartScrollbar": {
						"enabled": true
					},
					"trendLines": [],
					"graphs": [
						{
							"bullet": "round",
							"id": "AmGraph-1",
							"title": "China",
							"valueField": "China"
						},
						{
							"bullet": "square",
							"id": "AmGraph-2",
							"title": "France",
							"valueField": "France"
						},
						{
							"id": "AmGraph-3",
							"title": "India",
							"valueField": "India"
						},
						{
							"id": "AmGraph-4",
							"title": "America",
							"valueField": "America"
						}
					],
					"guides": [],
					"valueAxes": [
						{
							"id": "ValueAxis-1",
							"title": "Axis title"
						}
					],
					"allLabels": [],
					"balloon": {},
					"legend": {
						"enabled": true,
						"useGraphSettings": true
					},
					"titles": [
						{
							"id": "Title-1",
							"size": 15,
							"text": "四国GDP-工业"
						}
					],
					"dataProvider": [
						{
							"Country Name": "2000",
							"China": "5.51593E+11",
							"France": "2.9798E+11",
							"India": "1.27993E+11",
							"America": "2.3015E+12"
						},
						{
							"Country Name": "2001",
							"China": "5.99963E+11",
							"France": "2.88459E+11",
							"India": "1.28583E+11",
							"America": "2.27183E+12"
						},
						{
							"Country Name": "2002",
							"China": "6.53671E+11",
							"France": "3.133E+11",
							"India": "1.42435E+11",
							"America": "2.25713E+12"
						},
						{
							"Country Name": "2003",
							"China": "7.57466E+11",
							"France": "3.72447E+11",
							"India": "1.6696E+11",
							"America": "2.3761E+12"
						},
						{
							"Country Name": "2004",
							"China": "8.9758E+11",
							"France": "4.2326E+11",
							"India": "2.0727E+11",
							"America": "2.55951E+12"
						},
						{
							"Country Name": "2005",
							"China": "1.07492E+12",
							"France": "4.3812E+11",
							"India": "2.4229E+11",
							"America": "2.76513E+12"
						},
						{
							"Country Name": "2006",
							"China": "1.3884E+12",
							"France": "4.47494E+11",
							"India": "2.9796E+11",
							"America": "2.98237E+12"
						},
						{
							"Country Name": "2007",
							"China": "1.66454E+12",
							"France": "5.0915E+11",
							"India": "3.7611E+11",
							"America": "3.194E+12"
						},
						{
							"Country Name": "2008",
							"China": "2.1581E+12",
							"France": "5.5132E+11",
							"India": "3.73297E+11",
							"America": "3.07117E+12"
						},
						{
							"Country Name": "2009",
							"China": "2.34459E+12",
							"France": "4.94393E+11",
							"India": "4.17614E+11",
							"America": "2.7897E+12"
						},
						{
							"Country Name": "2010",
							"China": "2.8341E+12",
							"France": "4.7253E+11",
							"India": "5.14834E+11",
							"America": "2.9599E+12"
						},
						{
							"Country Name": "2011",
							"China": "3.51368E+12",
							"France": "5.1513E+11",
							"India": "5.49863E+11",
							"America": "3.02752E+12"
						},
						{
							"Country Name": "2012",
							"China": "3.87557E+12",
							"France": "4.79533E+11",
							"India": "5.37299E+11",
							"America": "3.11469E+12"
						},
						{
							"Country Name": "2013",
							"China": "4.22792E+12",
							"France": "5.05345E+11",
							"India": "5.274E+11",
							"America": "3.2409E+12"
						},
						{
							"Country Name": "2014",
							"China": "4.51348E+12",
							"France": "5.06818E+11",
							"India": "5.63949E+11",
							"America": "3.39281E+12"
						},
						{
							"Country Name": "2015",
							"China": "4.51769E+12",
							"France": "4.31241E+11",
							"India": "5.75277E+11",
							"America": "3.38398E+12"
						},
						{
							"Country Name": "2016",
							"China": "4.44622E+12",
							"France": "4.3114E+11",
							"India": "6.1852E+11",
							"America": "3.3731E+12"
						},
						{
							"Country Name": "2017",
							"China": "4.9594E+12",
							"France": "4.47434E+11",
							"India": "7.02641E+11",
							"America": "3.5973E+12"
						},
						{
							"Country Name": "2018",
							"China": "5.51447E+12",
							"France": "4.7972E+11",
							"India": "7.139E+11",
							"America": "3.82549E+12"
						},
						{
							"Country Name": "2019",
							"China": "5.5127E+12",
							"France": "4.75497E+11",
							"India": "6.97317E+11",
							"America": "3.9853E+12"
						},
						{
							"Country Name": "2020",
							"China": "5.55826E+12",
							"France": "4.35316E+11",
							"India": "6.6844E+11",
							"America": "3.68736E+12"
						},
						{
							"Country Name": "2021",
							"China": "7.0018E+12",
							"France": "4.92656E+11",
							"India": "8.21327E+11",
							"America": "4.16982E+12"
						},
						{
							"Country Name": "2022",
							"China": "7.17164E+12",
							"France": "4.83747E+11",
							"India": "8.67287E+11",
							"America": "4.5297E+12"
						}
					]
				}
			);
		</script>
	</head>
	<body>
		<div id="chartdiv" style="width: 100%; height: 400px; background-color: #FFFFFF;" ></div>
	</body>
</html>